<!doctype html>
<html>

<head>

  <meta charset="utf-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
  <title>首页</title>
  <link href="css/common.css" rel="stylesheet" type="text/css" />
  <link href="css/main.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <div class="wrap">
    <!--头部开始-->
    <div class="topbox">
      <div class="topscan"><a href="#"><img src="images/scan.png" height="36px" /></a></div>
      <div class="topsearchbox">
        <div class="left">
          <input name="tbxKey" type="text" class="topinputxt" placeholder="请输入商品关键字" />
        </div>
        <div class="right">
          <input type="submit" name="btnSearch" value="搜索" class="topsearchbtn" />
        </div>
        <div class="clear"></div>
      </div>
    </div>
    <!--头部结束-->
    <!--主体开始-->
    <div class="main">
      <div class="bannerpic"><img src="images/banner.png" width="100%"></div>
    </div>
    <div class="linkbox">
      <div class="linkbtn"> <a href="#">
          <div class="img"><img src="images/icon1.png" height="44px"></div>
          <div class="txt">兑换专区</div>
        </a> </div>
      <div class="linkbtn"> <a href="#">
          <div class="img"><img src="images/icon2.png" height="44px"></div>
          <div class="txt">合作商家</div>
        </a> </div>
      <div class="linkbtn"> <a href="#">
          <div class="img"><img src="images/icon3.png" height="44px"></div>
          <div class="txt">购物车</div>
        </a> </div>
      <div class="linkbtn"> <a href="#">
          <div class="img"><img src="images/icon4.png" height="44px"></div>
          <div class="txt">会员中心</div>
        </a> </div>
      <div class="linkbtn"> <a href="#">
          <div class="img"><img src="images/icon5.png" height="44px"></div>
          <div class="txt">商品分类</div>
        </a> </div>
      <div class="linkbtn"> <a href="#">
          <div class="img"><img src="images/icon6.png" height="44px"></div>
          <div class="txt">新闻中心</div>
        </a> </div>
      <div class="linkbtn"> <a href="#">
          <div class="img"><img src="images/icon7.png" height="44px"></div>
          <div class="txt">线下兑换点</div>
        </a> </div>
      <div class="linkbtn"> <a href="#">
          <div class="img"><img src="images/icon8.png" height="44px"></div>
          <div class="txt">关于我们</div>
        </a> </div>
      <div class="clear"></div>
      <div class="indextopnews">
        <div class="left"><img src="images/topnewsicon.png" height="32px"></div>
        <div class="right"><a href="#">你拒绝了解佰商惠的机会，就意味着堵死自己的财富通道</a></div>
      </div>
      <div class="indexprobox">
        <div class="indextitle"><img src="images/icon9.png" height="24px">家用电器</div>
        <div class="indexpro">
          <div class="img"><img src="images/propic1.jpg" width="100%"></div>
          <div class="txt">家用净化器 土豪金智能净</div>
          <div class="price">2700.00 积分 + ￥270.00</div>
        </div>
        <div class="indexpro">
          <div class="img"><img src="images/propic1.jpg" width="100%"></div>
          <div class="txt">杰诺水过滤家用吸尘器地毯</div>
          <div class="price">1566.00 积分+ ￥156.60</div>
        </div>
        <div class="clear"></div>
      </div>
    </div>
    <!--主体结束-->

    <!--尾部开始-->
    <div class="bottombox">
      <div class="bottombtn"> <a href="#">
          <div class="img"><img src="images/ico1.png" height="26px"></div>
          <div class="txt">首页</div>
        </a> </div>
      <div class="bottombtn"> <a href="#">
          <div class="img"><img src="images/ico2.png" height="26px"></div>
          <div class="txt">商品分类</div>
        </a> </div>
      <div class="bottombtn"> <a href="#">
          <div class="img"><img src="images/ico3.png" height="26px"></div>
          <div class="txt">积分兑换</div>
        </a> </div>
      <div class="bottombtn"> <a href="#">
          <div class="img"><img src="images/ico4.png" height="26px"></div>
          <div class="txt">我的</div>
        </a> </div>
      <div class="clear"></div>
    </div>
    <!--尾部结束-->
  </div>
</body>

</html>